<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>文件预览</title>
     {% load static %}
    <link rel="stylesheet" type="text/css" href="/static/css/main3.css"/>
</head>
<body>
<img src="/static/img/back3.jpg" style="background-size:contain; width:2080px;">
     <div id="main" >
         <h1><img src="/static/img/doc.jpg" width="130" height="100"/></h1>
         <hr style="width: 80%; margin: 0 auto; border: 1px; height: 1px; background-image: linear-gradient(to right, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.75), rgba(0, 0, 0, 0));">
         <h1>当前对象 {{objectname}}内容</h1>
         <a href="/objects/{{objectname}}"><button class="butt">返回上级页面</button></a>


         <table border="1" align="center" style=" width:720px;height:100px;">
             {% if resp1 %}
               <th align="center"><img src="object:image/png;base64,{{resp1}}" alt="显示失败" style="width:200; height:200px;"></th>
             {% elif resp3 %}
               <th align="center"><video src="object:video/mp4;base64,{{resp3}}" controls="controls" height="450px"></video></th>
             {% elif resp4 %}
               <th align="center"><audio controls><source src="object:audio/mpeg;base64,{{resp4}}"></audio></th>
             {% else %}
               <th align="left">{{resp2}}</th>
             {% endif %}
        </table>
     </div>
</body>
</html>